@import '../config';
@import '../mixins/common';

.user-icon{
	width: $i*2.7;
	height: $i*2.7;
	display: inline-block;
}

/* login 用户登录 */
.user-login-box{
	padding: $padding-all;

	.user-login-head{
		position: relative;
		margin-top: $i;

		.icon-back{
			color: #bdbdbd;
		}

		h1{
			font-size: $i*3;
			margin-top: $i*3.5;
		}
	}

	.user-login-ul{
		margin-top: $i*2.5;
		overflow: hidden;

		.el-form-item{
			margin-bottom: 0;
		}

		.set-text{
			font-size:1.6rem;
			margin-top:1rem;
		}

		.item-input{
			border-bottom: 1px solid #ddd;
			overflow: hidden;
			padding: $i*.8 0;
			position: relative;
			font-size: $i*1.5;

			.label{
				min-width: $i*2;
				height: $i*2.4;
				line-height: $i*2.4;

				span{
					display: inline-block;
					height: 100%;
				}

				.iconfont{
					color: #bdbdbd;
					margin-right: $i*.5;
				}
			}

			.value{
				height: $i*2.4;
				line-height: $i*2.4;
			}

			.key{
				line-height: $i*2.4;

				label{
					font-size: $i*1.4;
					color: $color-gay-8;
					border-left: 1px solid #d7d7d7;
					outline: 0;
					background-color: #fff;
					-webkit-box-shadow: none;
					box-shadow: none;
					padding: 0 $i;
				}	
			}

			.icon-liulan1{
				color: $color-red;
				font-size: $i*2;
				position: absolute;
				right: $i*.5;
				top: $i*.6;

				&.disabled{
					color: #bdbdbd;
				}
			}
		}
	}

	.btn-submit{
		margin-top: $i*2;
	}

	.list-password{
		font-size: $i*1.4;
		line-height: 2;
		float: right;
		margin: $i*.5 0 0;
		color: $link-color;
	}

	.new-register{
		font-size: $i*1.4;
		line-height: 2;
		float: left;
		margin: $i*.5 0 0;
		color: $link-color;
	}

	.tips{
		font-size: $i*1.3;
		color: $color-gay-8;
		margin-top: $i*.5;
		line-height: 1.5;

		a{
			color: $link-color;
		}
	}

	.user-login-list{
		margin-top: $i*3.5;
		.list-new{
			width: 100%;
			display: block;
			text-align: center;
			font-size: $i*1.5;
			color: $color-red;
			font-weight: 500;

			.icon-more{
				margin-left: $i*.5;
				font-size: $i;
			}
		}
	}
}

.quick-login{
	position: fixed;
	bottom: 0;
	left: 10%;
	text-align: center;
	width: 80%;

	p{
		font-size: $i*1.5;
		height: $i*2.5;
		line-height: $i*2.5;
		position: relative;

		span{
			background: $write-color;
			position: relative;
			z-index: 1;
			padding: 0 $i*.5;
			color: $color-gay-8;
		}

		&:after{
			content: "";
			position: absolute;
			z-index: 1;
			pointer-events: none;
			background-color: #f1f1f1;
			height: 1px;
			left: 0;
			right: 0;
			top: 50%;
			z-index: 0;
		}
	}

	.quick-login-items{
		margin: $i*2 0;
		a{
			display: inline-block;
			width: $i*4.5;
			margin-right: $i*1.5;

			&:last-child{
				margin-right:0;
			}
		}
	}
}

/* 上传证件 */
.cardA, .cardB, .cardC{
	width: $i*13.5;
	height: $i*8;
	background: url(./assets/img/card-a.png);
	background-size: contain;
	margin: auto;
	position: relative;
	overflow: hidden;
}

.cardB{
	background-image: url(./assets/img/card-b.png);
}

.card-main-warp{
	background-color: $write-color;
	position: fixed;
	width: 100%;
	height: 100%;

	.containTop{
		background-color: #ebebed;
		padding-bottom: $i*3;

		h6{
			text-align: center;
			padding:$i*1.5 0;
			font-size: $i*1.4;
		}

		.photoBox{
			.photo{
				border: 2px solid #359df5;
				border-radius: $i*.3;
				position: relative;
				background-color: #fff;
				width: 65%;
				box-sizing: border-box;
				padding: $i*2 0 $i 0;
				margin-left: auto;
				margin-right: auto;

				.van-uploader{
					margin: 0 auto;
					display: block;
				}

				.preShow{
					width: 100%;
					height: 100%;
					background-size: contain;
			    background-position: center center;
			    background-repeat: no-repeat;
			    position: absolute;
			    left: 0;
			    top: 0;
				}

				p{
			    color: #359df5;
			    margin-top: $i*.5;
			    text-align: center;
			    font-size: $i*1.4;
				}
			}
		}
	}

	.containBottom{
		background-color: $write-color;

		h6{
			border-bottom: 1px solid #e0e0e0;
			padding: $i*1.5 0 $i*.5 0;
			margin:0 $i*1.5;
			position: relative; 
			font-size: $i*1.4;

			.fr{
				color: #359df5;
			}
		}

		.con-btn{
			margin: $i*2.5 $i*1.5 0 $i*1.5;
			padding-bottom: $i*1.5;
		}
	}
}

.rule-layer{
	.rule-cont{
		width: 80%;
		margin:$i*4 auto 0;

		h6{
			font-size: $i*2;
			text-align: center;
			border-bottom: 1px solid #ddd;
	    padding-bottom: $i*2.5;
		}

		.rule-list{
			margin-top: $i*2.5;
			line-height: initial;
			font-size: $i*1.3;
		}
	}

	.close-btn{
		position: absolute;
		bottom:$i*6;
		left:45%;

		.iconfont{
			font-size: $i*3;
			color: $color-gay-9;
		}
	}
}
/* goods */
.attr-goods-box{
	.attr-goods-header{
		position: relative;
		padding: $padding-all;

		.attr-img{
			@include shadow(2px,2px,15px,rgba(46,58,76,.17));
			position: absolute;
			width: $i*9.2;
			height: $i*9.2;
			top: $i*-2;
		    border-radius: 6px;
		    overflow: hidden;
		}

		.attr-info{
			margin-left: $i*10.5;
			line-height: 1.5;
			font-size:1.2rem;

			.attr-name{
				font-size: $i*1.5;
				margin-bottom:$i*.5;
				padding-right: $i * 1.5;
			}

			.attr-price{
				font-size: $i*1.8;
				color: $color-red;

				em{
					font-size: $i;
					margin-left: 5px;
				}
			}

			.attr-stock{
				color: $color-gay-8;
			}

			.attr-other{
				margin-top: 3px;
			}
		}

		.icon-close{
			position: absolute;
			right: $i*1.1;
			top: $i*1.1;
			cursor: pointer;
		}
	}

	.attr-goods-content{
		padding: 0 $i*1.1;
		max-height: 300px;
		overflow-y: auto;

		&::-webkit-scrollbar-track-piece{
			background-color: rgba(0, 0, 0, 0);
    		border-left: 1px solid rgba(0, 0, 0, 0);
		}
		&::-webkit-scrollbar {
		    width: 5px;
		    height: 13px;
		    -webkit-border-radius: 5px;
		    -moz-border-radius: 5px;
		    border-radius: 5px;
		}
		&::-webkit-scrollbar-thumb {
		    background-color: #D8D8D8;
		    background-clip: padding-box;
		    -webkit-border-radius: 5px;
		    -moz-border-radius: 5px;
		    border-radius: 5px;
		    min-height: 28px;
		}
		&::-webkit-scrollbar-thumb:hover {
		    background-color: #D8D8D8;
		    -webkit-border-radius: 5px;
		    -moz-border-radius: 5px;
		    border-radius: 5px;
		}

		.sku-item{
			padding-top: $i;

			.sku-tit{
				color: $color-gay-8;
			}

			.sku-list{
				margin-top: $i*.5;
				overflow: hidden;

				.option{
					float: left;
					position: relative;
					padding: $i*.4 $i*1.2;
					margin: $i*.5 $i*.8 $i*.5 0;
					background-color: $write-color;
					min-width: $i*2;
				    border-radius: 2px;
				    text-align: center;
				    word-break: break-all;
				    border: 1px solid #e6e6e6;

				    .van-radio__input{
				    	display: none;
				    }

				    .van-radio__label{
				    	margin: 0;
				    	font-size: $i*1.2;
				    }

				    &.active{
				    	border-color: $color-red;
				    	color: $color-red;
				    }
				}
			}
		}
	}
	.attr-goods-number{
		padding: $padding-all;
		line-height: 30px;
		font-size:$i*1.4;

		.tit{
			color:$color-gay-8;
			padding-left: 2px;
		}
	}

	.sku-messages{
		padding-bottom: $i;
	}
}

/* 用户中心 */
.user-default{
	position: relative;

	.user-header-box{
		position: relative;
		height: $i*18.8;
		background:linear-gradient(-88deg,rgba(255,76,48,1),rgba(234,10,33,1));
		

		&.user-drpshop{
			background:linear-gradient(-88deg,rgba(29,6,3,1),rgba(59,37,10,1));

			.user-header{
				.header-admin{
					.header-admin-box{
						h4{
								color:rgba(233,209,180,1);
						}
						
					}
					p{
						background:linear-gradient(90deg,rgba(235,212,181,.2),rgba(203,169,128,.2));
						color: #E9D1B2;
					}
				}
			}
		}

		.user-header{
			padding: 1.7rem;
			color: $write-color;

			.header-img{
				width: $i*6.5;
				height: $i*6.5;
				border: $i*.25 solid rgba(255, 255, 255, 0.29);
				border-radius: 50%;
				box-sizing: content-box;
				.img{
					border-radius: 50%;
					height: 100%;
				}
			}

			.header-admin{
				 margin-left: $i*1.2;
				 position: relative;
				 z-index: 2;

				 .header-admin-box{
				 	margin-top: $i*.6;

					h4{
					 	@include ell();
						font-size: $i*1.6;
						margin-right: $i*.5;
						font-weight: 600;
					}
					

					.header-icon{
						a{
							color: $write-color;

							&:first-child{
								margin-right: $i*1.5;
							}

							.iconfont{
								font-size: $i*1.8;
							}
						}
					}
				 }

				 p{
				 	padding: 0 $i*1.2;
				 	background: rgba(0,0,0,.1);
					font-size: $i*1.2;
					display: inline-block;
					border-radius: $i;
					line-height: 1.8;
					margin-top: .8rem;
				 }

				 .growth{
					display: flex;
					flex-direction: column;
					
					.top{
						display: flex;
						flex-direction: row;
						justify-content: flex-start;
						align-items: center;
						margin-top: 0.8rem;
					
						h4{
							font-size: 1.2rem;
						}
					
						p{
							margin: 0;
							margin-right: 1rem;
						}
					}
					
					.van-progress{
						height: 2px;
						margin-top: .8rem;
						width: 25rem;
						background: rgba(255,255,255,.5);
					}

		

				
				}
			}
		}
		
         .itemize {
         	display: flex;
         	align-items: center; //子元素垂直居中
         	justify-content: space-around;
			.itemize_collection {
				width: 33.33333%;
				div{
					text-align: center;
					font-size: $i*1.2;
					
					color: rgba(247, 247, 247, 1);
				}
				.num{
					font-size: $i*1.8;
					font-weight: 600;
					padding-bottom: 0.3rem;
					color: rgba(247, 247, 247, 1);
				}
			}
			.mu {
				width: $i*0.05;
				height: $i*3.65;
				background: rgba(255, 255, 255,0.4);
			}
			
         }
         
        
         
        
         
		 
		 
		.exclusive{
			position: absolute;
			left: $i;
			right: $i;
			bottom: -$i*2;
			z-index: 2;

			background: rgba(255, 255, 255, 1);
			box-shadow:0px 5px 10px 0px rgba(108,108,108,0.1);
			// margin: 0 $i*1.7;
			display: flex;
			flex-direction: row;
			align-items: center;
			justify-content: space-between;
			padding:$i $i*2;
			font-size: $i*1.4;
			border-radius: $i;


			.left{
				display: flex;
				flex-direction: row;
				justify-content: flex-start;
				align-items: center;

				.icon_vip{
					width: $i*2.1;
					height: $i*2.1;
				}

				span{
					margin-left: $i*.5;
					font-weight: 500;
				}
			}

			.center{
				padding-left: $i;
				color: #805223;
				font-weight: 400;
				font-size:$i*1.2;
				flex: 1;
				position: relative;
			}

			.right{
				padding: 0.5rem 1rem 0.5rem 1.2rem;
				background:linear-gradient(0deg,rgba(21,21,21,1),rgba(42,39,36,1));
				border-radius: $i*1.5;
				font-size:$i*1.2;
				display: flex;
			    flex-direction: row;
			    justify-content: center;
			    align-items: center;

			    span{
			    	color: #E3C49E;
					font-weight: 500;
			    }

				.iconfont{
					color: #E3C49E;
					margin-left: $i*.3;
					font-size: $i*0.8;
					font-weight: 500;
				}
			}
		}
	}
}

.user-function-list1{
	background-color: $write-color;
	margin-top: $i*1.25;
	display: flex;
	margin:$i  $i 0 $i;
	border-radius:$i*0.5;
	 &.user-function-frist1{
	 	margin-top: $i*3;
	 }
   .user-items-value{
	   display: flex;
	   flex-direction: row;
	   justify-content: flex-start;
	   align-items: center;
	   width: 79%;
	   .item{
		   flex: 1;
		   width: 25%;
		   padding:$i*2  0;
		   display: flex;
		   flex-direction: column;
		   justify-content: center;
		   align-items: center;
		   color: rgba(175, 116, 58, 1);
		   &.items{
			   p{
				width: 6.5rem;
				overflow: hidden;
				whitewhite-space: nowrap;
				text-overflow: ellipsis;
				text-align: center;
				   ont-size: $i*1.7;
				   font-weight: 500;  
					color:rgba(0,0,0,1);   
			   }
			   span{
				   color:rgba(0,0,0,1);
					  margin-top:$i*0.5;
					  font-weight: 400;
					  font-size:$i*1.2;
					   font-weight:400;
					   // color:rgba(176,116,58,1);
			   }
		   }
		   p{
			width: 6.5rem;
			overflow: hidden;
		    whitewhite-space: nowrap;
			text-overflow: ellipsis;
			text-align: center;
			font-size: $i*1.7;
			font-weight: 500;  
		   }
		   span{
			  margin-top:$i*0.5;
			  font-weight: 400;
			  font-size:$i*1.2;
			   font-weight:400;
			   color:rgba(176,116,58,1);
		   }
	   }
   }
   .broadcasting{
	   width: 21%;
	   position: relative;
	   padding: $i*1.75 0;
	   margin-left: $i*0.1;
	   // box-shadow: 0px 0px $i 0px rgba(24, 24, 25, 0.1);
	   .icon {
	   	text-align: center;
	   	color: #AF743A;
	   	height: $i*2.75;
	   	line-height: $i*2.75;
	   	margin-bottom: $i*0.25;
		&.red{		  
			background-image: linear-gradient(-30deg,rgba(239,0,34,1),rgba(251,87,32,1));
			-webkit-background-clip: text;
			color:transparent;
		}
	   }
	   .textit {
	   	font-size: $i*1.2;
		margin-top: 0.5rem;
	   	text-align: center;
	   	color: rgba(0, 0, 0, 1);
	   }
   }
	
	
}
.user-function-list{
	background-color: $write-color;
	margin:$i  $i 0 $i;
	border-radius: 0.5rem;

	&.user-function-frist{
		margin-top: $i*1.25;
	}
	
	
	.user-item_on {
		padding: $i;
		display: flex;
		flex-wrap: nowrap;
		overflow-x: auto;
		.my_coupons {
			flex-shrink: 0;
			margin-right: $i;
			width: $i*15;
			height: $i*7.5;
			border-radius: $i*0.5;
			overflow: hidden;
			position: relative;
			// border: 1px solid rgba(242,210,210,1);
			// background: radial-gradient(circle at right top, transparent $i*0.6, rgba(251, 241, 242, 1) 0) top left / 78% 51% no-repeat,
			// 	radial-gradient(circle at right bottom, transparent $i*0.6, rgba(251, 241, 242, 1) 0) bottom left /78% 51% no-repeat,
			// 	radial-gradient(circle at left top, transparent $i*0.6, #F5040B 0) top right /22% 51% no-repeat,
			// 	radial-gradient(circle at left bottom, transparent $i*0.6, #F5040B 0) bottom right /22% 51% no-repeat;
			// // filter: drop-shadow($i*0.2 $i*0.2 $i*0.2 rgba(0, 0, 0, .3));
			// 	border-style:solid;
			// 	border-color:transparent #E5004F transparent transparent;
		}
		.my_coupons_left {
			padding:0.2rem 0.7rem;
			width: 78.5%;
			height: 100%;
		
			.price {
				font-size: $i*2.45;
				font-weight: 600;
				color: rgba(245, 4, 11, 1);
				.cou{
					    font-size: 1.45rem;
					    font-weight: 600;
					    color: rgba(245,5,12,1);
				}
			}
			.reduction {
				padding: 0.1rem 0.6rem;
				margin-top: 0.3rem;
				text-align: center;
				font-size: $i*1.1;
				font-weight: 600;
				color: rgba(255, 255, 255, 1);
				background: linear-gradient(123deg, rgba(245, 4, 11, 1), rgba(246, 71, 53, 1));
				border-radius: $i*0.25;
			}
			.platform {
				font-size: $i*1.2;
				font-weight: 400;
				margin-top: 0.3rem;
				color: rgba(136, 136, 136, 1);
				margin: $i*0.25 0;
			}
		}
		.my_coupons_right {
			width: 21.5%;
			display: flex;
			text-align: center;
			font-size: $i*1.2;
			font-weight: 600;
			border-radius: 0.5rem;
			background:linear-gradient(123deg,rgba(245,4,12,1),rgba(246,72,54,1));
			color: rgba(255, 255, 255, 1);
			/* background: linear-gradient(123deg, rgba(245, 4, 11, 1), rgba(246, 71, 53, 1)); */
			-webkit-display: flex;
			flex-direction: column;
			writing-mode: vertical-rl;
			/*从左向右 从右向左是 writing-mode: vertical-rl;*/
			justify-content: center;
		
		
		
		}
		
	}
	
	
	.user-item-title{

		h3{
			font-size: $i*1.4;
			font-weight: 550;
			color: $color-black;
			padding-top: 0.4rem;
		}

		.user-more{
			.iconfont{
				    right: -$i*.2;
				    top: 50%;
				    transform: translateX(-50%);
				    position: relative;
			}
		}
	}	

	.user-item-list{
		padding: $i*1.8 0;
		text-align: center;
		@include box();

		li{
			padding:0 $i*1.1;
			position: relative;
			@include box-flex();

			h4{
				font-size: $i*1.8;
				color: $color-brownness;
			}

			p{
				font-size: $i*1.2;
				color: $color-gay-3;
				margin-top: $i;
			}

			.user-list-num{
				// background: $color-red;
				box-sizing: border-box;
				background: #fff;
				border-radius: $i*.9;
				left: 50%;
				top: -.5rem;
				color: $color-red;
				border: 1px solid $color-red;
				font-size: $i;
				min-width: $i*1.5;
				margin-left: $i*.2;
				height: $i*1.5;
				line-height: $i*1.5;
				position: absolute;
				z-index: 100;
				padding: 0 $i*.2;
			}
		}
	}

	.user-item-value{
		display: flex;
		flex-direction: row;
		align-items: center;
		.item{
			flex: 1;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
		    padding: 1rem 0 1.5rem;
			line-height: 1.8;

			p{
				
				font-size: 1.5rem;
				color: #AC8054;
				font-weight: 500;
			}

			span{
				font-size: 1.2rem;
				color: #232323;
			}
		}
	}
}

.user-nav-item{
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;

	a{
		width: 25%;
		float: left;
		box-sizing: border-box;
		padding: $i*1.6 0 $i;
		color: $color-black-2;
		text-align: center;
	}

	i{
		font-size: $i*2.6;
	}

	p{
		color: $color-gay-3;
		font-size: $i*1.2;
		margin-top: $i*.8;
	}
}

/* 资金管理 */
.account{
	padding: $padding-all;
	position: relative;

	.purse-header-box{
		width: 100%;
		border-radius: $i;
		background-color: #0196fd;
		color: $write-color;
		@include shadow(0px,4px,18px,rgba(0,128,248,.4));
		padding: $padding-all;
		font-size: $i*1.4;

		p{
			font-size: $i*1.4;
		}

		h2{
			font-size: $i*1.8;
			line-height: $i*1.8;
			margin-top: $i;
		}

		h5{
			padding: 0 $i;
			border:1px solid #80ccff;
			height: $i*1.8;
			line-height: $i*1.8;
			border-radius: $i*.9;
			margin-top: $i;
		}

		.user-money-list{
			margin-top: $i*2;

			.list{
				color: $write-color;
				font-size: $i*1.4;

				span{
					display: block;
					line-height: $i*2;
				}
				em{
					margin-left: $i*.5;
				}
			}
		}
	}

	.user-pur-box{
		margin-top: $i*1.2;
		border-radius: $i*.5;
		background-color: $write-color;
		padding: $padding-all;
		text-align: center;

		a{
			color: $color-gay-3;
			font-size: $i*1.4;
			border-left: 1px solid #e6e6e6;

			&:first-child{
				border:0;
			}

			h4{
				height: $i*2;
				line-height: $i*2;
			}

			img{
				display: inline-block;
				height: $i*1.4;
				vertical-align: middle;
				margin: -$i*.3 $i*.8 0 0;
			}
		}
	}

	.my-nav-box{
		margin-top: $i*1.2;

		a{
			background-color: $write-color;
			display: block;
			line-height: $i*2;

			h3{
				font-size: $i*1.4;
				line-height: $i*2;

				.iconfont{
					margin-right: $i*.5;
					font-size: $i*1.4;
					color: $color-black;
				}
			}

			.user-more{
				 .iconfont{
				 	font-size: $i*1.4;
				 	margin-top: $i*.2;
				 }
			}

			&:first-child{
				border-radius: $i*.5 $i*.5 0 0;
			}

			&:last-child{
				border-radius: 0 0 $i*.5 $i*.5;
			}
		}
	}
}

.history-header{
	padding: .8rem 1.3rem;
	background: #eee;
	font-size: 1.4rem;
  color: #999;

	.his-btn{
		padding:.2rem .6rem;
		border-radius:.4rem;
		color:#0095d3
	}
}

.bonus-list{
	padding: $padding-all;
	margin-top: $i*4;

	ul{
		position: relative;

		li{
			position: relative;
			margin-bottom: $i*1.3;
		}
	}

	.cont{
		padding: $i;
		border-radius: $i*.5 $i*.5 0 0;
		background-color: $write-color;

		.cont-left{
			margin: 0 $i;

			.box{
				width: $i*5;
				height: $i*5;
				border-radius: 100%;
				display: table-cell;
				vertical-align: middle;

				h4{
					color: $color-red;
					font-size: $i*2;
					font-weight: bold;
				}
			}
		}

		.cont-con{
			*{
				margin-top: $i*.2;
			}

			h3{
				font-size: $i*1.5;
				font-weight: bold;
			}

			p{
				font-size: $i*1.2;
				color: $color-gay-9;
			}
		}

		.cont-right{
			padding: $padding-all;

			.to_use{
				span{
					background: $color-red;
					font-size: $i;
					border-radius: $i*5;
					padding: $i*.4 $i*1.2;
					color: $write-color;
					margin-top: $i*.5;
					text-align: center;
					display: block;
				}
			}
		}
	}

	.time{
		padding: $i*.6 $i;
		border-radius: 0 0 $i*.4 $i*.4;
		border-top: 1px dashed #ccc;
		background-color: $write-color;
		color: $color-gay-7;
	}
}

.detail-list{
	.van-icon{
		margin: $i 0 0 $i;
	}
}

.card-div{
	p{
		font-size: $i*1.5;
    line-height: $i*2.2;
    color: $color-gay-3;
	}
	span{
		color: $color-gay-9;
    font-size: $i*1.2;

    &.color-red{
    	color: $color-red;
    }
	}
}


/* 地区 */
.mod-address-main{
	width: 100%;
	background: $write-color;

	.mod-address-head{
		height: $i*4;
		line-height: $i*4;
	    background-color: #f3f2f8;
	    color: $color-gay-3;
	    overflow: hidden;
	    position: relative;
	    font-size: $i*1.4;

	    .iconfont{
			font-size: $i*1.4;    	
	    }

	    .mod-address-head-left{
	    	text-align: left;

	    	.iconfont{
	    		margin: 0 $i*.5
	    	}
	    }

	    .mod-address-head-tit{
	    	margin-left: $i*.5;
	    }

	    .mod-address-head-right{
	    	text-align: right;

	    	.iconfont{
	    		margin-right: $i;
	    	}
	    }
	}

	.mod-address-body{
		.ulAddrTab{
			overflow: hidden;
			position: relative;
			padding: 0 $i;
			height: $i*4;
			line-height: $i*4;

			&:after{
				content: "";
				position: absolute;
				z-index: 1;
				pointer-events: none;
				background-color: #e5e5e5;
				height: 1px;
				left: 0;
				right: 0;
				bottom: 0;
			}

			li{
				float: left;
				/*min-width: $i*4;*/
				margin-right: $i;
				text-align: center;
				height: $i*4;
				line-height: $i*4;
				overflow: hidden;
		    text-overflow: ellipsis;
		    white-space: nowrap;

		    span{
		    	display: block;
		    	position: relative;
		    	font-size: $i*1.4;
		    }

		    &.cur{
		    	span{
		    		color: $color-red;

		    		&:after{
							content: "\20";
							display: block;
							width: 100%;
							height: 1px;
							position: absolute;
							bottom: 0;
							left: 0;
							background: #e93b3d;
							z-index: 2;
						}
		    	}
		    }
			}
		}

		.ulAddrList{
			font-size: $i*1.4;
			overflow: hidden;
			overflow-y: auto;
			padding: $i*.5 $i;
			height: $i*20;

			li{
				position: relative;
				padding: $i 0;

				&.active{
					color: $color-red;
				}
			}
		}
	}
}

// 社区驿站页 地图窗体覆盖物样式
.info_cart {
	width: 26rem;
  }
  .info_top {
	display: flex;
	flex-direction: column;
	padding: 1.2rem 1.2rem .5rem;
	color: #F8F8F8;
	line-height: 1;
	border-top-left-radius: .5rem;
	border-top-right-radius: .5rem;
	box-sizing: border-box;
	background-color: #3366ff;
  }
  .info_top div:nth-child(1) {
	font-size: 1.6rem;
	font-weight: 700;
	color: #fff;
  }
  .info_top div:nth-child(2) {
	padding: .7rem 0;
  }
  .info_bottom {
	display: flex;
	justify-content: space-between;
	background-color: #fff;
	padding: 1rem 1.2rem;
	color: #A0A0A0;
	font-size: 1.4rem;
	border-bottom-left-radius: .5rem;
	border-bottom-right-radius: .5rem;
  }
  .info_bottom .info_bottom_icon {
	display: inline-block;
	width: 2rem;
	height: 2rem;
	text-align: center;
	line-height: 2rem;
	font-size: 1.2rem;
	color: white;
	background-color: #f92028;
	border-radius: 50%;
  }
  .daosanjiao {
	width: 1.5rem;
	height: 1.5rem;
	transform: rotate(45deg);
	margin: 0 auto;
	margin-top: -0.8rem;
	background-color: #fff;
  }
  // 地图窗体覆盖物文本标记样式
  .amap-marker-label{
	border: 0;
  }
  .marker_info_label {
	position: relative;
  }
  .marker_info_label span {
	padding: 0.5rem;
  }
  .marker_info_label div {
	position: absolute;
	top: 50%;
	left: -1rem;
	width: 1rem;
	height: 1rem;
	transform: rotate(45deg) translateY(-50%);
	background-color: #fff;
  }
  // 社区驿站页 地图窗体覆盖物样式结束
